<div class="header">
  <div class="headerText floatLeft">
    Select Fields
  </div>
  <div id="searchBox" class="floatRight">
    <input type="text" id="searchBoxId"/>
  </div>
</div>
<div class="middle">
  <div class="fields">
    <loading ng-if="vm.loading" title="vm.loadingTitle" message="vm.loadingMessage" show-text="vm.longLoading"></loading>
    <div class="jsonOutput">
      <tree content="vm.tree"></tree>
    </div>
  </div>
</div>
<div class="bottom">
  <div class="clearSelection">
    <a href ng-click="vm.clearSelection()">Clear Selection</a>
  </div>
  <div class="buttons">
    <button class="secondary" ng-click="vm.cancel()">
      <span>
        Cancel
      </span>
    </button>
    <button class="primary" ng-click="vm.ok()">
      <span>
        OK
      </span>
    </button>
  </div>
</div>
